@charset "utf-8";
/******************************************************

 概况：样式表入口文件
 
 ******************************************************/

/* 头部 */
@import "@/css/header.css";

/* 底部 */
@import "@/css/footer.css";

/*头部*/
.header_pic {
  background: url(https://admin.hqx.com.cn/Public/Travel/images/location/1_08.jpg) center no-repeat;
  height: 60px;
}
.header_pic a {
  display: block;
  height: 60px;
}

/*首页*/
.index_a {
  margin-top: 10px;
}
.index_a .center_c {
}
.index_a .top_box {
  background: #fff;
  padding-bottom: 10px;
  padding-top: 10px;
  height: 352px;
}

.index_a .top_box .left_nav {
  float: left;
  width: 220px;
  position: relative;
  padding-top: 10px;
}
.index_a .top_box .left_nav .top {
  height: 40px;
  width: 220px;
  background: #33cc66;
  border-radius: 20px 20px 0 0;
  position: absolute;
  line-height: 40px;
  text-align: center;
  top: -30px;
  left: 0px;
  font-weight: bold;
  font-size: 15px;
  color: #fff;
}
.index_a .top_box .left_nav dl {
  padding: 10px 0;
}
.index_a .top_box .left_nav dl:hover {
  background: #f9f9f9;
}
.index_a .top_box .left_nav dl dt {
  float: left;
  width: 20px;
  height: 20px;
  padding: 15px 0 0 15px;
}
.index_a .top_box .left_nav dl dd {
  padding-left: 50px;
}
.index_a .top_box .left_nav dl dd div {
  font-size: 15px;
  font-weight: bold;
}
.index_a .top_box .left_nav dl dd a {
  padding-right: 8px;
  font-size: 14px;
}

.index_a .top_box .right_nav {
  float: right;
  width: 220px;
  margin-right: 6px;
  height: 352px;
  background: url(https://admin.hqx.com.cn/Public/Travel/images/right1.jpg) no-repeat;
}
.index_a .top_box .right_nav ul {
}
.index_a .top_box .right_nav ul li {
  margin: 20px 30px;
}
.index_a .top_box .right_nav ul li a {
  border-radius: 25px;
  color: #fff;
  font-size: 15px;
  display: block;
  width: 160px;
  text-align: center;
  height: 35px;
  line-height: 35px;
  font-weight: bold;
}
.index_a .top_box .right_nav ul li a.a1 {
  background: #f60;
}
.index_a .top_box .right_nav ul li a.a2 {
  background: #3c6;
}
.index_a .top_box .right_nav ul li a.a3 {
  background: #f6c;
}

.index_a .top_box .banner {
  width: 748px;
  height: 352px;
  float: left;
  overflow: hidden;
}
.index_a .top_box .list {
  float: right;
  width: 215px;
  height: 352px;
  overflow: hidden;
}
.index_a .top_box .list dl {
  overflow: hidden;
  margin-bottom: 22px;
  margin-top: 3px;
}
.index_a .top_box .list dl dt {
  float: left;
  width: 90px;
  height: 70px;
}
.index_a .top_box .list dl dt img {
  width: 90px;
  height: 70px;
}
.index_a .top_box .list dl dd {
  width: 115px;
  float: right;
  position: relative;
  line-height: 18px;
}
.index_a .top_box .list dl dd a {
  display: block;
  font-weight: bold;
}
.index_a .top_box .list dl dd span {
  display: block;
  font-weight: bold;
  padding-top: 5px;
  color: #f00;
  font-size: 15px;
}
.index_a .top_box .list dl dd font {
  display: block;
  right: 8px;
  bottom: 0px;
  position: absolute;
  width: 40px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  background: red;
  border-radius: 3px;
  font-size: 12px;
  text-align: center;
}
.index_a .bottom_box {
  margin-left: 228px;
  background: url(https://admin.hqx.com.cn/Public/Travel/images/right1.jpg);
  height: 153px;
  margin-top: 8px;
  position: relative;
}
.index_a .bottom_box section {
  background: #fff;
  position: absolute;
  width: 270px;
  height: 140px;
}
.index_a .bottom_box section.lista {
  width: 190px;
  height: 180px;
  left: 30px;
  top: 5px;
  background: url(https://admin.hqx.com.cn/Public/Travel/images/index/007.png) top no-repeat;
}
.index_a .bottom_box section.lista .box {
  position: relative;
  margin-top: 3px;
  overflow: hidden;
  width: 190px;
  height: 180px;
}
.index_a .bottom_box section.lista .box a {
  transition: top 0.5s;
  display: block;
  width: 190px;
  height: 180px;
  position: absolute;
  top: -38px;
  left: 0px;
}
.index_a .bottom_box section.lista .box a:hover {
  top: -2px;
}
.index_a .bottom_box section.listb {
  width: 280px;
  height: 170px;
  left: 352px;
  top: 15px;
  background: none;
}
.index_a .bottom_box section.listc {
  width: 190px;
  height: 180px;
  right: 10px;
  top: 5px;
  background: url(https://admin.hqx.com.cn/Public/Travel/images/index/007.png) top no-repeat;
}
.index_a .bottom_box section.listc .box {
  position: relative;
  margin-top: 3px;
  overflow: hidden;
  width: 190px;
  height: 180px;
}
.index_a .bottom_box section.listc .box a {
  transition: top 0.5s;
  display: block;
  width: 190px;
  height: 180px;
  position: absolute;
  top: -38px;
  left: 0px;
}
.index_a .bottom_box section.listc .box a:hover {
  top: -2px;
}

/* 幻灯片 */
.orbit-wrapper {
  position: relative;
  margin: 0 auto;
}
#featured {
  position: relative;
  width: 748px;
  height: 382px;
  overflow: hidden;
  background: #fff url(https://admin.hqx.com.cn/Public/Travel/images/loading.gif) 50% no-repeat;
}
.orbit > img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  border: 0 none;
}
.orbit > a {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 0;
  border: 0 none;
}
.orbit > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.orbit-item {
  background-color: #f5f5f5;
}

/* 标题 */
.orbit-caption {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  height: 75px;
  font: 20px/50px "Microsoft Yahei";
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
}

/* 导航 */
.orbit-bullets {
  position: absolute;
  z-index: 10;
  list-style: none;
  bottom: 0px;
  left: 50%;
  margin: 15px 0 15px -50px;
  padding: 0;
}
.orbit-bullets li {
  float: left;
  margin: 0 5px;
  cursor: pointer;
  width: 10px;
  height: 10px;
  overflow: hidden;
  text-indent: -9999px;
  background-color: #000;
}
.orbit-bullets li.active {
  background-color: #49cff1;
}
.orbit-bullets li.has-thumb {
  background: none;
  width: 100px;
  height: 75px;
}
.orbit-bullets li.active.has-thumb {
  background-position: 0 0;
  border-top: 2px solid #000;
}
.slider-nav {
  display: block;
}
.slider-nav span {
  width: 75px;
  height: 75px;
  text-indent: -9999px;
  position: absolute;
  z-index: 10;
  bottom: 0;
  cursor: pointer;
}
.slider-nav span.right {
  background: url(https://admin.hqx.com.cn/Public/Travel/images/arrow.png) right 0;
  right: 0;
}
.slider-nav span.left {
  background: url(https://admin.hqx.com.cn/Public/Travel/images/arrow.png) 0 0;
  left: 0;
}
.slider-nav span.right:hover {
  background-position: right bottom;
}
.slider-nav span.left:hover {
  background-position: 0 bottom;
}

/* 定时器 */
/*.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 10; }
.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url(https://admin.hqx.com.cn/Public/Travel/images/rotator-black.png) no-repeat; z-index: 3; }
.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
.rotator.move { left: 0; }
.mask.move { width: 40px; left: 0; background: url(https://admin.hqx.com.cn/Public/Travel/images/timer-black.png) repeat 0 0; }
.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url(https://admin.hqx.com.cn/Public/Travel/images/pause-black.png) no-repeat; z-index: 4; opacity: 0; }
.pause.active { background: url(https://admin.hqx.com.cn/Public/Travel/images/pause-black.png) no-repeat 0 -40px; }
.timer:hover span.pause, span.pause.active { opacity: 1; }*/

/*新闻栏目*/
.news_title {
  border-bottom: #dcdcdc 1px solid;
  padding-bottom: 30px;
  padding-top: 50px;
  background: #fff;
}
.news_title dl {
  margin: 0 auto;
  overflow: hidden;
  width: 400px;
}
.news_title dl dt {
  float: left;
  height: 80px;
  font-size: 50px;
  color: #999;
  line-height: 80px;
}
.news_title dl dt span {
  color: #ccc;
}
.news_title dl dd {
  float: right;
  color: #ccc;
  padding-top: 30px;
  height: 65px;
  line-height: 18px;
}
.news_title ul {
  overflow: hidden;
  width: 400px;
  margin: 0 auto;
}
.news_title ul li {
  float: left;
  height: 35px;
  line-height: 35px;
  margin: 0 10px;
}
.news_title ul a {
  display: block;
  padding: 0 25px;
  background: #6bc30d;
  color: #fff;
  border-radius: 3px;
}
.news_box {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 50px;
}
.news_box .lefta {
  width: 315px;
  float: left;
  background: #ccc;
  height: 465px;
}
.news_box .lefta a {
  display: block;
}
.news_box aside {
}
.news_box aside {
  float: right;
  width: 230px;
  padding: 10px 20px;
  background: #fff;
}
.news_box aside .top {
  text-align: center;
  height: 40px;
  border-bottom: 1px dashed #dcdcdc;
  line-height: 40px;
  font-weight: bold;
  font-size: 16px;
  color: #0a82c6;
}
.news_box aside .boxa {
  overflow: hidden;
  padding: 10px 10px 0 10px;
}
.news_box aside .boxa ul {
  width: 280px;
}
.news_box aside .boxa ul li {
  float: left;
  margin-right: 12px;
  text-align: center;
  line-height: 28px;
}
.news_box aside .boxa ul li a {
  display: block;
}
.news_box aside .boxa ul li img {
  width: 104px;
  height: 75px;
}
.news_box aside .boxb {
  overflow: hidden;
  margin: 10px;
  border-top: 1px dashed #dcdcdc;
}
.news_box aside .boxb ul {
  width: 280px;
  padding-top: 10px;
}
.news_box aside .boxb ul li {
  line-height: 26px;
  height: 26px;
}
.news_box .leftb {
  float: left;
  width: 550px;
  margin-left: 35px;
}
.news_box .leftb .top {
  border-bottom: #dcdcdc 1px solid;
  height: 40px;
  position: relative;
}
.news_box .leftb .top ul {
  height: 40px;
  position: absolute;
  width: 550px;
}
.news_box .leftb .top ul li {
  float: left;
  height: 40px;
  line-height: 40px;
}
.news_box .leftb .top ul li a {
  display: block;
  padding: 0 25px;
  height: 40px;
  font-size: 16px;
}
.news_box .leftb .top ul li.active a {
  border-bottom: #0c3 2px solid;
}
.news_box .leftb .bottom {
}
.news_box .leftb .bottom .list {
  display: none;
}
.news_box .leftb .bottom dl {
  overflow: hidden;
  padding: 15px 0;
}
.news_box .leftb .bottom dl dt {
  float: left;
  width: 105px;
}
.news_box .leftb .bottom dl dt img {
  width: 100%;
}
.news_box .leftb .bottom dl dt div {
  border: #ccc 1px solid;
  text-align: center;
}
.news_box .leftb .bottom dl dt div span {
  display: block;
  font-size: 28px;
  padding-top: 15px;
  font-weight: bold;
}
.news_box .leftb .bottom dl dt div font {
  display: block;
  font-size: 14px;
  padding: 5px 0 10px 0;
}
.news_box .leftb .bottom dl dd {
  padding-left: 125px;
}
.news_box .leftb .bottom dl dd h3 {
  font-size: 16px;
}
.news_box .leftb .bottom dl dd span {
  display: block;
  font-size: 12px;
  color: #999;
}
.news_box .leftb .bottom dl dd p {
  line-height: 18px;
  font-size: 12px;
}

/* 主题游栏目 */
.theme_box1 {
  background: #fff;
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #dcdcdc;
}
.theme_box {
  width: 1200px;
  margin: 0 auto;
}
.theme_box .top {
  overflow: hidden;
}
.theme_box .top dl {
  overflow: hidden;
  float: left;
  height: 55px;
}
.theme_box .top dl dt {
  height: 55px;
  font-weight: bold;
  float: left;
  line-height: 55px;
  font-size: 32px;
}
.theme_box .top dl dd {
  float: left;
  padding: 25px 0 0 20px;
}
.theme_box .top ul {
  float: right;
  overflow: hidden;
  height: 50px;
}
.theme_box .top ul li {
  float: left;
  margin: 0 10px;
  margin-top: 18px;
  height: 30px;
  line-height: 30px;
}
.theme_box .top ul li a {
  display: block;
  font-size: 15px;
}
.theme_box .top ul li a:hover,
.theme_box .top ul li a.active {
  border-bottom: #0db998 2px solid;
  color: #0db998;
}
.theme_box .bottom {
  overflow: hidden;
  padding-top: 20px;
}
.theme_box .bottom .list {
  float: left;
  width: 920px;
}
.theme_box .bottom .list section {
  float: left;
  margin: 0 25px 0 0;
}
.theme_box .bottom .list section .info {
  padding: 5px;
  border: 1px solid #dcdcdc;
  width: 268px;
  border-top: none;
}
.theme_box .bottom .list section .info h3 {
  font-size: 16px;
  line-height: 27px;
  height: 55px;
}
.theme_box .bottom .list section .info div {
  text-align: right;
  line-height: 30px;
  padding-right: 10px;
}
.theme_box .bottom .list section .info div strong {
  color: #f97467;
  font-size: 25px;
}
.theme_box .bottom .list section .pic {
}
.theme_box .bottom .list section .pic img {
  width: 280px;
  height: 170px;
}
.theme_box .bottom aside {
  background: #ccc;
  width: 280px;
  height: 270px;
  float: right;
  background: url(https://admin.hqx.com.cn/Public/Travel/images/index/2.png) no-repeat;
}
.theme_box .bottom aside a {
  display: block;
  height: 210px;
}
.theme_box .bottom aside ul {
  height: 30px;
  line-height: 30px;
  width: 200px;
  margin: 0 auto;
}
.theme_box .bottom aside ul li {
  float: left;
  height: 30px;
}
.theme_box .bottom aside ul li a {
  display: block;
  color: #fff;
  padding: 0 10px;
}

/* 横幅广告条 */
.banner_a {
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0 0 0;
}
.banner_b {
  background: #fff;
}
.banner_b a {
  width: 1200px;
  display: block;
  margin: 0 auto;
  padding: 20px 0 0 0;
}

.pic_area {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.pic_area .lefta {
  float: left;
  height: 130px;
  width: 350px;
}
.pic_area img {
  width: 100%;
  height: 100%;
}
.pic_area .leftb {
  float: left;
  height: 130px;
  width: 420px;
}
.pic_area ul {
  float: right;
  height: 130px;
  width: 430px;
}
.pic_area ul li {
  height: 130px;
}

.pic_titlea {
  text-align: center;
  padding: 30px 0;
}

.sales_area {
  background: #fff;
  width: 1200px;
  padding: 15px 15px 5px 15px;
  margin: 0 auto;
  overflow: hidden;
}
.sales_area .lefta {
  float: left;
  height: 400px;
  width: 350px;
}
.sales_area .lefta a {
  position: relative;
  display: block;
  height: 400px;
  width: 350px;
}
.sales_area .lefta a img {
  width: 100%;
  height: 100%;
}
.sales_area .lefta a div {
  position: absolute;
  background: url(https://admin.hqx.com.cn/Public/Travel/images/alpha_60.png);
  width: 350px;
  height: 100px;
  bottom: 0px;
  color: #fff;
}
.sales_area .lefta a div h3 {
  line-height: 22px;
  font-size: 15px;
  padding: 15px 15px 0 15px;
}
.sales_area .lefta a div p {
  display: block;
  line-height: 16px;
  padding: 10px 15px 0 15px;
}
.sales_area .lefta a div strong {
  text-align: right;
  display: block;
  font-size: 22px;
  padding: 15px; 
  color: #F3B88C;
}
.sales_area .leftb {
  float: left;
  height: 410px;
  width: 405px;
  padding-left: 20px;
}
.sales_area .leftb .top {
  display: block;
  height: 260px;
}
.sales_area .leftb .top img {
  width: 100%;
  height: 100%;
}
.sales_area .leftb .bottom {
  margin-top: 20px;
  display: block;
  height: 120px;
  background: #f5f5f5;
}
.sales_area .leftb .bottom dl {
  overflow: hidden;
}
.sales_area .leftb .bottom dt {
  float: left;
  width: 165px;
  height: 120px;
}
.sales_area .leftb .bottom dt img {
  width: 100%;
  height: 100%;
}
.sales_area .leftb .bottom dd {
  padding-left: 175px;
}
.sales_area .leftb .bottom dd h3 {
  font-size: 15px;
  padding-top: 8px;
  line-height: 22px;
}
.sales_area .leftb .bottom dd strong {
  text-align: right;
  display: block;
  font-size: 22px;
  padding: 15px;
  color: #fd6b00;
}
.sales_area .righta {
  float: right;
  height: 410px;
  width: 405px;
  padding-left: 20px;
}
.sales_area .righta a {
  margin-bottom: 20px;
  display: block;
  height: 120px;
  background: #f5f5f5;
}
.sales_area .righta dl {
  overflow: hidden;
}
.sales_area .righta dt {
  float: left;
  width: 165px;
  height: 120px;
}
.sales_area .righta dt img {
  width: 100%;
  height: 100%;
}
.sales_area .righta dd {
  padding-left: 175px;
}
.sales_area .righta dd h3 {
  line-height: 22px;
  font-size: 15px;
  padding-top: 8px;
}
.sales_area .righta dd strong {
  text-align: right;
  display: block;
  font-size: 20px;
  padding: 5px 15px; 
  font-weight: normal;
  color: #d8020e;
}

.outbound_area {
  background: #fff;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  margin-top: 50px;
  padding-bottom: 50px;
}
.outbound_area .box {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.outbound_area .box .title {
  overflow: hidden;
}
.outbound_area .box .title dt {
  font-size: 28px;
  float: left;
  height: 80px;
  font-weight: bold;
  line-height: 100px;
}
.outbound_area .box .title dd {
  font-size: 15px;
  float: right;
  height: 80px;
  line-height: 100px;
}
.outbound_area .box .title dd a {
  padding: 0 8px;
  font-weight: bold;
}
.outbound_area .box .title .more {
  display: block;
  float: right;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #000;
  font-size: 16px;
  margin-top: 32px;
  padding: 0 20px;
  border-radius: 3px;
  font-weight: bold;
}
.outbound_area .box .lines {
}
.outbound_area .box .lines .lefta {
  position: relative;
  float: left;
  height: 500px;
  width: 350px;
}
.outbound_area .box .lines .lefta a.pic {
  position: relative;
  display: block;
  height: 460px;
  width: 350px;
}
.outbound_area .box .lines .lefta img {
  width: 100%;
  height: 100%;
}
.outbound_area .box .lines .lefta div {
  position: absolute;
  background: url(https://admin.hqx.com.cn/Public/Travel/images/alpha_60.png);
  width: 320px;
  height: 280px;
  bottom: 15px;
  left: 15px;
  color: #fff; 
  background: #3399ff;
}
.outbound_area .box .lines .lefta div dl {
  padding: 15px;
  color: #fff;
}
.outbound_area .box .lines .lefta div dl dt {
  font-size: 18px;
}
.outbound_area .box .lines .lefta div dl dd {
  padding-top: 5px;
}
.outbound_area .box .lines .lefta div dl dd a {
  color: #fff;
  color: #fff;
  padding: 0 8px;
  line-height: 25px;
}
.outbound_area .box .lines .leftb {
  float: left;
  width: 280px;
  margin-left: 20px;
}
.outbound_area .box .lines .leftb a {
  display: block;
}
.outbound_area .box .lines .leftb a img {
  width: 100%;
  height: 153px;
}
.outbound_area .box .lines .leftb a h3 {
  line-height: 22px;
  padding: 5px 15px;
}
.outbound_area .box .lines .leftb a strong {
  text-align: right;
  display: block;
  font-size: 22px;
  color: #f63;
  padding: 10px 15px;
}
.outbound_area .box .lines .righta {
  float: right;
  width: 550px;
}
.outbound_area .box .lines .righta a {
  display: block;
  float: left;
  width: 255px;
  margin-left: 20px;
  background: #f63;
  color: #fff;
  height: 500px;
}
.outbound_area .box .lines .righta a img {
  width: 100%;
  height: 330px;
}
.outbound_area .box .lines .righta a h3 {
  line-height: 22px;
  padding: 10px 15px;
}
.outbound_area .box .lines .righta a p {
  padding: 0 15px;
}
.outbound_area .box .lines .righta a strong {
  text-align: right;
  display: block;
  font-size: 22px;
  padding: 15px;
}

.domestic_area {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 50px;
}
.domestic_area .title {
  overflow: hidden;
}
.domestic_area .title dt {
  font-size: 28px;
  float: left;
  height: 80px;
  font-weight: bold;
  line-height: 100px;
}
.domestic_area .title dd {
  font-size: 15px;
  float: right;
  height: 80px;
  line-height: 100px;
}
.domestic_area .title dd a {
  padding: 0 8px;
  font-weight: bold;
}
.domestic_area .title .more {
  display: block;
  float: right;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #000;
  font-size: 16px;
  margin-top: 32px;
  padding: 0 20px;
  border-radius: 3px;
  font-weight: bold;
}
.domestic_area .lines {
}
.domestic_area .lines .lefta {
  position: relative;
  float: left;
  height: 500px;
  width: 350px;
}
.domestic_area .lines .lefta a.pic {
  position: relative;
  display: block;
  height: 460px;
  width: 350px;
}
.domestic_area .lines .lefta img {
  width: 100%;
  height: 100%;
}
.domestic_area .lines .lefta div {
  position: absolute; 
  background:#66cc00;
  background: url(https://admin.hqx.com.cn/Public/Travel/images/alpha_60.png);
  width: 320px;
  height: 190px;
  bottom: 15px;
  left: 15px;
  color: #fff;
}
.domestic_area .lines .lefta div dl {
  padding: 15px;
  color: #fff;
}
.domestic_area .lines .lefta div dl dt {
  font-size: 18px;
}
.domestic_area .lines .lefta div dl dd {
  padding-top: 5px;
}
.domestic_area .lines .lefta div dl dd a {
  color: #fff;
  padding: 0 8px;
  line-height: 25px;
}

.domestic_area .lines .leftb {
  padding-left: 350px;
}
.domestic_area .lines .leftb a {
  background: #fff;
  display: block;
  float: left;
  margin-left: 20px;
  margin-bottom: 20px;
  width: 263px;
}
.domestic_area .lines .leftb a img {
  width: 100%;
  height: 142px;
}
.domestic_area .lines .leftb a h3 {
  line-height: 22px;
  height: 44px;
  font-size: 15px;
  padding: 8px 15px;
}
.domestic_area .lines .leftb a strong {
  text-align: right;
  display: block;
  font-size: 22px;
  padding: 0 15px 15px 15px;
  color: #f63;
}

.group_area {
  background: #fff;
  padding: 50px 0;
}
.group_area .box {
  width: 1200px;
  margin: 0 auto;
}
.group_area .box .title {
}
.group_area .lines {
  overflow: hidden;
  margin-top: 15px;
}
.group_area .lines section {
  float: left;
  width: 600px;
  overflow: hidden;
}
.group_area .lines section aside {
  background: #f66;
  width: 210px;
  float: left;
  height: 350px;
  padding-bottom: 50px;
}
.group_area .lines section aside h3 {
  height: 80px;
  line-height: 80px;
  font-size: 28px;
  color: #fff;
  text-align: center;
}
.group_area .lines section aside ul {
  padding: 0 20px;
  overflow: hidden;
}
.group_area .lines section aside ul li {
  float: left;
  height: 30px;
  font-size: 15px;
  text-align: center;
  width: 50%;
}
.group_area .lines section aside ul li a {
  color: #fff;
  text-align: center;
}
.group_area .lines section aside .button {
  width: 160px;
  height: 35px;
  border-radius: 3px;
  line-height: 35px;
  margin: 0 auto;
  background: #0c6;
  border: #fff 1px solid;
  text-align: center;
  margin-top: 15px;
  display: block;
  color: #fff;
}
.group_area .lines section .righta {
  float: right;
  height: 400px;
  width: 390px;
  overflow: hidden;
  background: #f9f9f9;
}
.group_area .lines section .righta a.list {
  margin: 0 15px;
  display: block;
  margin-bottom: 20px;
  background: #fff;
}
.group_area .lines section .righta dl {
  overflow: hidden;
}
.group_area .lines section .righta dt {
  float: left;
  width: 165px;
  height: 120px;
}
.group_area .lines section .righta dt img {
  width: 100%;
  height: 100%;
}
.group_area .lines section .righta dd {
  padding-left: 175px;
}
.group_area .lines section .righta dd h3 {
  line-height: 22px;
  height: 44px;
  padding-top: 8px;
  overflow: hidden;
}
.group_area .lines section .righta dd strong {
  text-align: right;
  display: block;
  font-size: 22px;
  padding: 15px;
  color: #f63;
}
.group_area .lines section .righta .pic {
  height: 460px;
  width: 350px;
  margin: 0 0 0 15px;
}
.group_area .lines section .righta .pic a {
  position: relative;
  display: block;
  height: 400px;
  width: 375px;
}
.group_area .lines section .righta .pic a img {
  width: 100%;
  height: 100%;
}
.group_area .lines section .righta .pic a div {
  position: absolute;
  background: url(https://admin.hqx.com.cn/Public/Travel/images/alpha_60.png);
  width: 375px;
  height: 120px;
  bottom: 0px;
  color: #fff;
}
.group_area .lines section .righta .pic a div h3 {
  line-height: 20px;
  padding: 15px 15px 0 15px;
}
.group_area .lines section .righta .pic a div p {
  display: block;
  line-height: 16px;
  padding: 10px 15px 0 15px;
}
.group_area .lines section .righta .pic a div strong {
  text-align: right;
  display: block;
  font-size: 22px;
  padding: 15px;
}

.free_area {
  background: #fff;
}
.free_area .title {
  overflow: hidden;
}
.free_area .title dt {
  font-size: 28px;
  float: left;
  height: 80px;
  font-weight: bold;
  line-height: 100px;
}
.free_area .title dd {
  font-size: 15px;
  float: right;
  height: 80px;
  line-height: 100px;
}
.free_area .title dd a {
  padding: 0 8px;
  font-weight: bold;
}
.free_area .title .more {
  display: block;
  float: right;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #000;
  font-size: 16px;
  margin-top: 32px;
  padding: 0 20px;
  border-radius: 3px;
  font-weight: bold;
}
.free_area .box {
  width: 1200px;
  margin: 0 auto;
}
.free_area .lines {
  overflow: hidden;
  width: 1300px;
}
.free_area .lines section {
  float: left;
  width: 291px;
  margin-right: 15px;
  margin-bottom: 20px;
  height: 290px;
}
.free_area .lines section.t1 {
  width: 588px;
}
.free_area .lines section a {
  display: block;
}
.free_area .lines section .pic {
}
.free_area .lines section .pic img {
  width: 100%;
  height: 180px;
}
.free_area .lines section .title {
  height: 50px;
  line-height: 25px;
  font-size: 16px;
  font-weight: bold;
}
.free_area .lines section dl {
  overflow: hidden;
  padding-top: 8px;
}
.free_area .lines section dl dt {
  color: #f30;
  float: left;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.free_area .lines section dl dt font {
  font-size: 25px;
  color: #f63;
  font-weight: bold;
}

.local_area {
  width: 1200px;
  margin: 0 auto;
}
.local_area .title {
  overflow: hidden;
}
.local_area .title dt {
  font-size: 28px;
  float: left;
  height: 80px;
  font-weight: bold;
  line-height: 100px;
}
.local_area .title dd {
  font-size: 15px;
  float: right;
  height: 80px;
  line-height: 100px;
}
.local_area .title dd a {
  padding: 0 8px;
  font-weight: bold;
}
.local_area .title .more {
  display: block;
  float: right;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #000;
  font-size: 16px;
  margin-top: 32px;
  padding: 0 20px;
  border-radius: 3px;
  font-weight: bold;
}
.local_area .lines {
  overflow: hidden;
}
.local_area .lines .lefta {
  float: left;
  width: 830px;
}
.local_area .lines .lefta .boxa {
  width: 900px;
  overflow: hidden;
}

.local_area .lines .lefta .boxa a {
  border: #eaeaea 1px solid;
  display: block;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 261px;
}
.local_area .lines .lefta .boxa a img {
  width: 100%;
  height: 180px;
}
.local_area .lines .lefta .boxa a h3 {
  line-height: 22px;
  font-size: 15px;
  padding: 5px 15px;
}
.local_area .lines .lefta .boxa a strong {
  color: #f63;
  text-align: right;
  display: block;
  font-size: 22px;
  padding: 15px;
}
.local_area .lines .lefta .boxb {
}
.local_area .lines .lefta .boxb a {
  display: block;
  border: #eaeaea 1px solid;
}
.local_area .lines .lefta .boxb dl {
  overflow: hidden;
}
.local_area .lines .lefta .boxb dl dt {
  float: left;
  width: 420px;
}
.local_area .lines .lefta .boxb dl dt h3 {
  padding: 15px 15px 5px 15px;
  font-size: 18px;
  line-height: 25px;
}
.local_area .lines .lefta .boxb dl dt p {
  padding: 0 15px;
}
.local_area .lines .lefta .boxb dl dt strong {
  color: #f63;
  display: block;
  text-align: right;
  font-size: 22px;
  padding: 0 15px;
}
.local_area .lines .lefta .boxb dl dd {
  padding-left: 420px;
  width: 408px;
}

.local_area .lines .lefta .boxb dl dd img {
  width: 100%;
  height: 220px;
}

.local_area .lines .aside {
  float: right;
  width: 352px;
}
.local_area .lines .aside a {
  border: #eaeaea 1px solid;
  display: block;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 350px;
}
.local_area .lines .aside a img {
  width: 100%;
  height: 390px;
}
.local_area .lines .aside a h3 {
  line-height: 20px;
  padding: 15px;
}
.local_area .lines .aside a p {
  line-height: 16px;
  padding: 0 15px;
}
.local_area .lines .aside a strong {
  text-align: right;
  display: block;
  color: #f63;
  font-size: 22px;
  padding: 15px;
}
